<template>
	<up-back-top @click="backtop" text="置顶" :customStyle="customStyle" :iconStyle="iconStyle" icon="arrow-up" bottom="30" :scrollTop="scrollTop"  ></up-back-top>
</template>

<script setup>
import { computed, ref,reactive,defineProps } from 'vue';
const props = defineProps(['scrollTop']);
const emits = defineEmits(['click']);
const iconStyle = reactive({
  color: '#fff'  
});
const customStyle = reactive({  
  backgroundColor: '#2979ff'  ,
  fontSize: '12px',  
  color: '#fff' 
});

function backtop(){
	// emits('update:scrollTop',0);
	emits('click',0);
	// console.info('ref',props.scrollRef)
}
</script>

<style>
</style>